<script setup>
import { defineProps } from 'vue'

defineProps({
  selected: Boolean,
  title: String,
})
</script>

<template>
  <el-card
    style="width: auto; height: auto; cursor: pointer"
    :class="{ selected }"
    shadow="hover"
  >
    <img
      src="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png"
      style="width: auto; height: auto"
    />
    <template #footer>{{ title }}</template>
  </el-card>
</template>

<style scoped>
.selected {
  border: 1px solid red;
}
</style>
